{include file="public/head"}
<style>
    .n-tabs {
        position: fixed;
        top:44px;
        left: 0;
        width: 100%;
        height: 41px;
        overflow: hidden;
        z-index: 1000;
        background-color: #fff;
        box-shadow: 0 0 10PX 0PX rgba(155,143,143,0.6);
        -webkit-box-shadow: 0 0 10PX 0PX rgba(155,143,143,0.6);
        -moz-box-shadow: 0 0 10PX 0PX rgba(155,143,143,0.6);
    }
    .n-tabs .edge {
        position: fixed;
        top: 0;
        height: 41px;
        width: 100%;
        border-bottom: 1px solid #e5e5e5;
    }
    .n-tabs .n-tabContainer {
        -webkit-overflow-scrolling: touch;
        position: relative;
        top: 0;
        left: 0;
        overflow-x: auto;
        overflow-y: hidden;
        padding-left: 16px;
        height: 51px;
        font-size: 14px;
        color: #333;
        white-space: nowrap;
    }
    .n-tabs .n-tabContainer .navtab {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
    }

    .n-tabs .n-tabContainer .n-tabItem {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        display: inline-block;
        height: 41px;
        line-height: 41px;
        text-align: center;
        margin-left: 20px;
    }
    .n-tabs .n-tabContainer .n-tabItem:first-child {
        margin-left: 0;
    }
    .n-tabs .n-tabContainer .n-tabItem .current {
        display: inline-block;
        height: 41px;
        width: 5rem;
        border-bottom: 2px solid #e31436;
        color: #e31436;
    }
    .list{
        width: 100%;
        /*height: 15.5rem;*/
        padding: 1rem;
    }

    .list ul:first-child{
        height: 1.5rem;
        line-height: 1.5rem;
        overflow: hidden;
    }

    .list ul:last-child{
        height: calc(100% - 1.5rem);
        overflow-y: scroll;
    }

    .list li{
        display: flex;
        justify-content: space-between;
        align-items: center;
        line-height: 2;
        font-size: 14px;
    }

    .list li span {
        width: 33%;
        display: inline-block;
    }

    .list li span:last-child{
        text-align: right;
    }

    .list li span:nth-child(2) {
        text-align: center;
    }

    .list li span:nth-child(3) {
        text-align: center;
    }

    .list .top {
        font-weight: 700;
    }
</style>


<body style="background:#eee">
<!--class="current"-->
<header class="aui-header-default aui-header-fixed aui-header-bg">
    <a href="{:url('User/Index')}" class="aui-header-item">
        <i class="aui-icon aui-icon-back-white"></i>
    </a>
    <div class="aui-header-center aui-header-center-clear">
        <div class="aui-header-center-logo">
            <div class="aui-car-white-Typeface" style="color:black;font-weight: bold;">奖金明细</div>
        </div>
    </div>
    <a href="#" class="aui-header-item-icon"   style="min-width:0">
<!--        <i class="aui-icon aui-icon-search"></i>-->
    </a>
</header>
<section class="n-tabs">
    <ul class="n-tabContainer" id="auto-id-1509603311057">
        <!--<li class="n-tabItem" data-id="homepage" style="width: 5rem">-->
            <!--<a href="{:url('Finance/FinanceList',array('Type'=>1))}" id="1" >奖金</a>-->
        <!--</li>-->
        <!--<li class="n-tabItem" data-id="homepage" style="width: 5rem">-->
            <!--<a href="{:url('Finance/FinanceList',array('Type'=>2))}" id="2" >炁点</a>-->
        <!--</li>-->
        <!--<li class="n-tabItem" data-id="homepage" style="width: 5rem">-->
            <!--<a href="{:url('Finance/FinanceList',array('Type'=>3))}" id="3">股权</a>-->
        <!--</li>-->
        <!--<li class="n-tabItem" data-id="homepage" style="width: 5rem">-->
        <!--    <a href="{:url('Finance/FinanceList',array('Type'=>4))}" id="4" class="current">电子钱包</a>-->
        <!--</li>-->
    </ul>
</section>
<section class="aui-Purchase-content">
    <div class="aui-list-product-box aui-list-product-box-clear">
        <div class="list">
            <ul class="top">
                <li>
                    <span>账号</span>
                    <span>数量</span>
                    <span>时间</span>
                    <span>备注</span>
                </li>
            </ul>
            <ul>
                {volist name="FinanceList" id="v"}
                <li>
                    <span>{$v.username}</span>
                    <span>{$v.num}</span>
                    <span>{$v.add_time|date="m-d H:i",###}</span>
                    <span>{$v.remarks}</span>
                </li>
                {/volist}
            </ul>
        </div>
    </div>
</section>


<script type="text/javascript" src="__STATIC__/User/js/jquery.min.js"></script>
<script type="text/javascript" src="__STATIC__/User/js/aui.js"></script>
<script type="text/javascript" >
    $(function () {
        var Type = "{$Type}";
        $("#"+Type).addClass('current');
    })
</script>

</body>
</html>